﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UserData.aspx.cs" Inherits="BillingNote.Content.UserData" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <ext:FormPanel 
                    ID="FormPanel1"
                    runat="server"
                    Title="Form Fields"
                    Width="630"
                    Height="700"
                    Frame="true"
                    X="50"
                    Y="260"
                    BodyStyle="padding:10px 20px;"
                    DefaultAnchor="100%"
                    DefaultMsgTarget="side"
                    DefaultAllowBlank="false">
                    <Tools>
                        <ext:Tool Type="Toggle" />
                        <ext:Tool Type="Close" />
                        <ext:Tool Type="Minimize" />
                        <ext:Tool Type="Maximize" />
                        <ext:Tool Type="Restore" />
                        <ext:Tool Type="Gear" />
                        <ext:Tool Type="Pin" />
                        <ext:Tool Type="Unpin" />
                        <ext:Tool Type="Right" />
                        <ext:Tool Type="Left" />
                        <ext:Tool Type="Up" />
                        <ext:Tool Type="Down" />
                        <ext:Tool Type="Refresh" />
                        <ext:Tool Type="Plus" />
                        <ext:Tool Type="Help" />
                        <ext:Tool Type="Search" />
                        <ext:Tool Type="Save" />
                        <ext:Tool Type="Print" />
                    </Tools>
                    <Items>
                        <ext:DisplayField runat="server" FieldLabel="DisplayField" Text="A value here" />
                        <ext:TextField    runat="server" FieldLabel="TextField" EmptyText="Enter a value" AllowBlank="false" />
                        <ext:NumberField  runat="server" FieldLabel="NumberField" EmptyText="(This field is optional)" />
                        <ext:TextField 
                            runat="server" 
                            FieldLabel="w/Indicator" 
                            IndicatorIcon="Information"
                            Anchor="-20" 
                            IndicatorTip="An Indicator ToolTip" 
                            />
                        <ext:TextField runat="server" FieldLabel="w/Note" Note="Simple note" />
                        
                        <ext:CompositeField runat="server" FieldLabel="CompositeField">
                            <Items>
                                <ext:ComboBox runat="server" Width="50" Editable="false" DataIndex="Title">
                                    <Items>
                                        <ext:ListItem Text="Mr" Value="mr" />
                                        <ext:ListItem Text="Mrs" Value="mrs" />
                                        <ext:ListItem Text="Miss" Value="miss" />
                                    </Items>
                                    <SelectedItem Value="mr" />
                                </ext:ComboBox>
                                
                                <ext:TextField runat="server" Flex="1" />
                                
                                <ext:TextField runat="server" Flex="1" />
                            </Items>
                        </ext:CompositeField>
                        
                        <ext:TriggerField runat="server" FieldLabel="TriggerField">
                            <Triggers>
                                <ext:FieldTrigger Icon="Clear" />
                                <ext:FieldTrigger Icon="Search" />
                            </Triggers>
                        </ext:TriggerField>
                        
                        <ext:ComboBox runat="server" FieldLabel="ComboBox" Resizable="true">
                            <Items>
                                <ext:ListItem Text="Foo" />
                                <ext:ListItem Text="Bar" />
                            </Items>
                        </ext:ComboBox>
                        <ext:DateField runat="server" FieldLabel="DateField" />
                        <ext:TimeField runat="server" FieldLabel="TimeField" />
                        <ext:SpinnerField runat="server" FieldLabel="SpinnerField" />
                        <ext:SliderField runat="server" FieldLabel="SliderField">
                            <Plugins>
                                <ext:SliderTip runat="server">
                                    <GetText Handler="return thumb.value;" />
                                </ext:SliderTip>
                            </Plugins>
                        </ext:SliderField>
                        
                        <ext:TextArea runat="server" FieldLabel="TextArea" />
                        <ext:CheckboxGroup runat="server" FieldLabel="Checkboxes" ColumnsWidths="100,100">
                            <Items>
                                <ext:Checkbox runat="server" BoxLabel="Foo" Checked="true" />
                                <ext:Checkbox runat="server" BoxLabel="Bar" />
                            </Items>
                        </ext:CheckboxGroup>
                        <ext:RadioGroup runat="server" ColumnsWidths="100,100">
                            <Items>
                                <ext:Radio runat="server" BoxLabel="Foo" Checked="true" />
                                <ext:Radio runat="server" BoxLabel="Bar" />
                            </Items>
                        </ext:RadioGroup>
                        <ext:HtmlEditor runat="server" HideLabel="true" Height="110" Text="Mouse over toolbar for tooltips." />
                        <ext:FieldSet runat="server" Title="Plain Fieldset" Height="50" />
                        <ext:FieldSet runat="server" Title="Collapsible Fieldset" Height="50" Collapsible="true" />
                        <ext:FieldSet runat="server" Title="Checkbox Fieldset" Height="50" CheckboxToggle="true" />
                    </Items>
                    <Buttons>
                        <ext:Button runat="server" Text="Toggle Enabled">
                            <Listeners>
                                <Click Handler="#{FormPanel1}.getForm().items.each(function(item){
                                        item.setDisabled(!item.disabled);
                                    });" />
                            </Listeners>
                        </ext:Button>
                        <ext:Button runat="server" Text="Reset Form" OnClientClick="#{FormPanel1}.getForm().reset();" />
                        <ext:Button runat="server" Text="Validate" OnClientClick="#{FormPanel1}.getForm().isValid();" />
                    </Buttons>
                </ext:FormPanel>
</body>
</html>
